.conteneur-flexible{
    display: flex;
    font-size: 20px;
    background-color: #0AD; /*Bleu*/
    border: 2px solid blue;
    box-sizing: border-box;
    margin: 10px 0px;
    height: 100px;
}
/*L'axe principal est horizontal, 
le début du conteneur est à gauche
 *L'axe secondaire est vertical, 
 le début du conteneur pour cet 
 axe est en haut*/
.ligne{
    flex-flow: row wrap;
}
.stretch-sec{
    align-items: stretch;
}
.debut-sec{
    align-items: flex-start;
}
.fin-sec{
    align-items: flex-end;
}
.centre-sec{
    align-items: center;
}
.baseline-sec{
    align-items: baseline;
}
.element-flexible{
    flex: 0 0 10%;
    width: 25%;
    background-color: #0DA; /*Vert*/
    padding: 10px 0px;
    text-align: center;
    border: 2px solid green;
    box-sizing: border-box;
    margin: 5px;
}
.petit{
  padding: 0px;
}